import React, {useEffect, useState} from "react";
function useMouse(){
        const [x,setX] = useState(0);
        const [y,setY] = useState(0);

        const mouseHandler = (event:MouseEvent)=>{
            setX(event.clientX);
            setY(event.clientY);
        }


        useEffect(()=>{
            //监听鼠标事件
            window.addEventListener("mousemove",mouseHandler);
            //组件销毁解绑dom事件 ,比如说button按钮，他是jsx帮我们绑定的，但是这个鼠标事件是我们自己绑定的。所以一定要自己手动解绑。
            return ()=>{
                window.removeEventListener("mousemove",mouseHandler);
            }
        },[])

    return {x,y}


}

export default useMouse;